<style>
   #side-page .pagination li{
        margin-left: 2rem;
    }

    #side-page .pagination .next{
        padding-left: 5rem;
    }
</style>

{% if is_paginated %}
    {% load i18n %}
    <div style="width: 100%" id="side-page">
        <ul class="pagination">
            {% if page_obj.has_previous %}
                <li class="page-item"><a class="page-link"
                                         href="?page={{ page_obj.previous_page_number }}{{ getvars }}{{ hashtag }}"
                                         class="prev">‹‹ {% trans "上一页" %}</a></li>
            {% else %}
                <li class="disabled page-item"><a class="page-link" href="#">‹‹ {% trans "上一页" %}</a></li>
            {% endif %}



            {% if page_obj.has_next %}
                <li class="page-item next"><a class="page-link"
                                         href="?page={{ page_obj.next_page_number }}{{ getvars }}{{ hashtag }}"
                                         class="next">{% trans "下一页" %} ››</a></li>
            {% else %}
                <li class="disabled page-item next"><a class="page-link" href="#">{% trans "下一页" %} ››</a></li>
            {% endif %}
        </ul>
    </div>
{% endif %}
